<template>
    <div class="orderStatusBtn">
        <!--状态:0未付款 1已付款未发货 2取消订单,3，已发货，4，确认收货，6已退款，8已退货，10交易成功-->
        <!--待付款-->
        <div v-if="status==='0'">
            <div class="operateBtn btn-border-gray">修改地址</div>
            <div class="operateBtn btn-border-gray">取消订单</div>
            <div class="operateBtn btn-border-red">去支付</div>
        </div>
        <!--待发货-->
        <div v-if="status==='1'">
            <div class="operateBtn btn-border-gray">查看发票</div>
            <div class="operateBtn btn-border-gray">催发货</div>
        </div>
        <!--已发货-->
        <div v-if="status==='3'">
            <div class="operateBtn btn-border-gray">申请发票</div>
            <div class="operateBtn btn-border-gray">延长收货</div>
            <div class="operateBtn btn-border-gray">查看物流</div>
            <div class="operateBtn btn-border-red">确认收货</div>
        </div>
        <!--评价-->
        <div v-if="status==='4'">
            <div class="operateBtn btn-border-gray">删除订单</div>
            <div class="operateBtn btn-border-gray">申请发票</div>
            <div class="operateBtn btn-border-gray">再次购买</div>
            <div class="operateBtn btn-border-red">评价</div>
        </div>
        <!--交易关闭-->
        <div v-if="status==='2'">
            <div class="operateBtn btn-border-gray">删除订单</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'orderStatusBtn',
        props:{
            orderId:{
                type:String,
                required: true
            }
        },
        components: {},

        data() {
            return {}
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .orderStatusBtn {
        position: fixed;
        bottom: 10px;
        right: 15px;
       text-align: right;
        .operateBtn{
            border-radius: 5px;
            padding: 5px;
            display: inline-block;
            box-sizing: border-box;
            /*width: 70px;
            height: 22px;*/
            line-height: 14px;
            text-align: center;
            margin-left: 5px;
            margin-top: 5px; ;
        }
        .btn-border-gray{
            border:1px solid #4D4D4D;
            color: #4D4D4D;
        }
        .btn-border-red{
            border:1px solid #D82D11;
            color: #D82D11;
        }

    }
</style>
